<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;charset=utf-8" http-equiv="content-type" />
		<meta name="description" content="CMSMasters website template" />
		<meta name="keywords" content="html, css, template" />
		
		<link rel="shortcut icon" href="images/favicon.png" type="image/png" />

		<link rel="stylesheet" type="text/css" href="css/animate.css">
		<link rel="stylesheet" type="text/css" href="css/my_css.css">
        <link rel="stylesheet" type="text/css" href="css/highslide.css">
		
        <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="js/script.js"></script>
		<script src="js/my_js.js"></script>
        <script src="js/highslide-with-html.js" type="text/javascript"></script>
        <script src="js/highslide-full.js" type="text/javascript"></script>
		
        <script type="text/javascript">
        	hs.graphicsDir = '../Pages/images/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.wrapperClassName = 'draggable-header';
			hs.minWidth = 450;
			hs.align = 'center';
        </script>
        
        <style>
			.tour_box {	width:890px; }
			.tour_box_inner { height:568px; }
		</style>
		
        <title>Anime Code</title>
	</head>
	
    <body id="body_page">
<!-- _________________________ Start Page _________________________ -->
		<section id="page">

<!-- _________________________ Start Header _________________________ -->
			<header class="main_header">
				<div class="header">
                    	
<!-- _________________________ Start Search _________________________ -->
					<div class="search_line">
						<form action="#">
							<input type="text" name="search" id="search" value="enter keywords" />
							<input type="submit" value="" />
						</form>
					</div>
<!-- _________________________ Finish Search _________________________ -->

<!-- _________________________ Start Navigation _________________________ -->
	  	  		  <nav id="mainmenu"></nav>
<!-- _________________________ Finish Navigation _____________________ -->
				</div>
			</header>
<!-- _________________________ Finish Header _________________________ -->

<!-- _________________________ Start Top _____________________________ -->
			<section class="middle_content clr">
           		<div class="tour_content" style="width:1000px;">
                <div class="heading">Scouting</div>
					<ul class="tour fl" style="width:90px;">
                    	<li><a href="#">Unsorted</a></li>
						<li><a href="#">2013</a></li>
						<li><a href="#">2012</a></li>
                        <li><a href="#">2011</a></li>
                        <li><a href="#">2010</a></li>
					</ul>
					
					<div id="doc" class="tour_box">
						<div class="tour_box_inner">
							<h4 class="yearheading">2013</h4>
                            
                            <div id="scout_unsorted">
                                <div class="d_tr">
                                    <center>
                                        <div class="d_td">
                                            <a href="#" onClick="return hs.htmlExpand(this)">
                                                <img class="mybordered" src="images/Angel Beats (cov).jpg" style="margin:0 5px;"/>
                                            </a>
                                            <div class="listscore"><span>Seishiushin</span></div>
                                            
                                            <div class="highslide-maincontent">
                                                <div class="d_table">
                                                    <div class="d_tr">
                                                        <div class="d_td"><img src="images/xxxHOLiC Kei.jpg" width="150"/></div>
                                                        <div class="d_td" style="padding-left:10px; vertical-align:top;">
                                                            <h4>xxxHolic</h4>
                                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam est metus, varius ac porta sed, elementum eu sapien. Pellentesque eu felis turpis, ac sagittis diam. Sed euismod auctor dolor non pellentesque.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </center>
                                </div>
                            </div>
                            
						</div>
					</div>
						
					<div id="doc" class="tour_box">
						<div class="tour_box_inner">
							<h4>2012</h4>   
						</div>
					</div>
                    
                    <div id="doc" class="tour_box">
						<div class="tour_box_inner">
							<h4>2011</h4>   
						</div>
					</div>
                    
                    <div id="doc" class="tour_box">
						<div class="tour_box_inner">
							<h4>2010</h4>   
						</div>
					</div>
                    
                    <div id="doc" class="tour_box">
						<div class="tour_box_inner">
							<h4>2009</h4>   
						</div>
					</div>
                </div>
			</section>
<!-- _________________________ Finish Top _________________________ -->

<!-- _________________________ Start Top Sidebar __________________ -->
			<!--<section class="top_sidebar">
				
			</section>-->
<!-- _________________________ Finish Top Sidebar _________________ -->

<!-- _________________________ Start Middle _______________________ -->
			<!--<section id="middle">-->

<!-- _________________________ Start Content _________________________ -->
				<!--<section class="middle_content">
					
				</section>-->
<!-- _________________________ Finish Content _________________________ -->

			<!--</section>-->
<!-- _________________________ Finish Middle __________________________ -->

<!-- _________________________ Start Bottom ___________________________ -->
			<section id="bottom">
            	<div id="doc" class="bottom">
					<div class="bottom_inner" style="margin-top:5px; max-height:430px; overflow:auto;">
	                	
                    </div>
            	</div>
			</section>
<!-- _________________________ Finish Bottom _______________________ -->

		</section>

<!-- _________________________ Finish Page _________________________ -->

<!-- _________________________ Start Footer ________________________ -->
		<!--<footer class="main_footer">
		
		</footer>-->
<!-- _________________________ Finish Footer _________________________ -->
		
	</body>
</html>
